<template>
    <!-- 这里是文章组件的首页面 -->
    <div class="flex justify-center items-center w-full flex-col">
        <!-- 这是顶部导航栏 -->
        <div class="w-full">
            <ArticlesHead />
        </div>


        <!-- 这是内容区域 -->
        <div class="mt-16 min-h-screen dark:bg-gray-900 bg-gray-50">
            <!-- <ArticleContent /> -->
            <RouterView />
        </div>



        <!-- 这是底部样式 -->
        <div>

        </div>

    </div>
</template>

<script setup>
import { onMounted, ref } from 'vue';
import { useLoadingStore } from '../../ts/pinia';
const loadingStore = useLoadingStore()
import ArticleHome from './ArticlesHome.vue';
import ArticlesHead from '../../components/articles/ArticlesHead.vue';

import { RouterView } from 'vue-router';
onMounted(() => {
    loadingStore.hide()
})
</script>


<style scoped></style>